<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>好摄圈</title>
       <script type="text/javascript" src="jscolor/jscolor.js"></script>
     <script type="text/javascript" src="haima.js"></script>
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript" src="hammer.min.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,minimum-scale=1,user-scalable=yes">
<style type="text/css">
  
   *{margin: 0;
   padding: 0;}
   body{
    padding:10px; 
   }
   #adv{
    width: 100%;
    height: 200px;

   }
   #advImg{
    max-width: 100%;
    /*height: 200px;*/
   }
   #thumbtext{
   /* margin:0px 10px;*/
    margin: auto;
    /*box-shadow: 1px 1px 1px #DBDBDB;*/
    /*border-bottom: 1px solid #ccc;*/
    position: relative;
    width: 100%;
   }
   #head{
    letter-spacing:2px;
    font-weight: 100;
    margin: 10px;
    color: #3D3D3D;
   }
   #textImg{
   /* margin:0px 10px;*/
   width: 100%;
   height: 250px;
    margin:auto;
    display: block;


   }
   #text{
    /*border: 1px solid #000;*/
    position: relative;
    overflow:hidden;
    font-size:15px;
    white-space: pre-wrap;
    margin:10px;
    color:#3D3D3D; 

   }
   #open{
    /*position: absolute;*/
    width: 100%;
    background: #fff;
    /*border-top: 1px solid #DBDBDB;*/
    /*box-shadow: 0px 0px 1px #DBDBDB;*/
    border-right:none;
    border-top:none; 
    border-bottom:1px solid #ccc ;
    /*border-bottom: 1px solid #DBDBDB;;*/
    height:40px; 
    margin-left: -10px;
    position: relative;
   }
  #btnTxt{
    position: absolute;
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 20px;
    color:#3D3D3D;
    letter-spacing:2px;
    left:10px;
    bottom: 5px;   
  }
  #toright{
    position: absolute;
    bottom: 1px;
    left:100px;
  }
  .contain1{
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 5px;

  }
  .inner1{
   font-size: 15px;
   color:#3D3D3D;
   margin-left: 15px;
  }
  .dianzan{
    margin-top: -3px;
    margin-left: 150px;
    width: 17px;
    height: 16px;
  }
  .inner2{
    color:#A1A1A1;
    margin-left: 5px;
  }
  .pinglun{
    margin-top: -3px;
    margin-left: 10px;
    width: 17px;
    height: 16px;
  }
  .inner3{
    color:#A1A1A1;
    margin-left: 5px;
  }
  #dzleft{
    position: absolute;
    right: 15px;
    bottom: -3px;
    /*border: 1px solid #000;*/
  }
#text img{
    width:100%;
}

</style>
</head>
<body>
<!-- <input type="text" class="color"> -->
<div id="thumbtext">
  <h3 id="head">手机摄影10个相关的摄影技巧</h3>
<!--  <img src="txtImg.png" alt="" id="textImg">-->
  <div id="text">   虽然比起相机，手机摄影的器材专业程度并不是很足够，但在机动性还有可随身携带的方便性，却也给现在许多摄影达人一个新的选择。要用手机拍出好照片不是不可能，这点从已举办8年的IPPA Awards（iPhone Photography Awards）历届得奖作品中就可看出，不过要用手机拍出好照片也不如想像中简单，其思维和使用专业相机有相同亦有相异之处，以下我们整理出10点相关的拍摄技巧，希望让爱用手机拍照的你∕妳能获得实质帮助。</div>
  <div id="open"><div class="contain1"><span class="inner1">来自：好摄圈</span><!-- <div id="dzleft"><img class="dianzan" src="dianzan.png"><span class="inner2">15</span><img class="pinglun" src="fenxiang.png"><span class="inner3">176</span></div> --></div></div>
 </div>
 
  <script type="text/javascript">
      var index = api.getDetailData();
      $('#head').html(index.title);
      
      
      $.ajax({
             url:"http://ttmy.len.so/app/appapi/articledetail/id/"+index.id,
             type:'get',
             dataType:'JSONP',
             success: function(data){
             $('#text').html(data.content);
             //api.logObject(data);
             }
             
             });
  </script>
</body>
</html>